<template>
 <van-tabbar v-model="active">
  <van-tabbar-item icon="home-o">首页</van-tabbar-item>
  <van-tabbar-item icon="search">分类</van-tabbar-item>
  <van-tabbar-item icon="friends-o">购物车</van-tabbar-item>
  <van-tabbar-item icon="setting-o">我的</van-tabbar-item>
</van-tabbar> 
</template>

<script>
import { Tabbar, TabbarItem } from 'vant';
export default {
    name:'Tab',
    props:{
        titles:[]
    },
    components: {
      [Tabbar.name]: Tabbar,
      [TabbarItem.name]: TabbarItem
  },
   data() {
       return{
     active:0
   }
  }
}
</script>
<style lang="scss" scoped>

</style>